<template>
	<!-- <TopBar>
		<text>北京一轻集团数字工会</text>
	</TopBar> -->
	
	<MenuList :menu="list" category="全部服务"/>
	
	<view style="height: 20px; background-color: #ececec; margin-top: 10px"></view>
	
	<MenuList :menu="list2" category="帮扶中心"/>
	
</template>

<script>
	import TopBar from '@/components/system/TopBar.vue'
	import MenuList from '@/components/system/MenuList.vue'
	import { paramsApi } from '@/api/params/params-api.js';
	
	export default {
		components: {
			TopBar,
			MenuList
		},
		data() {
			return {
				list: [
					// {
					// 	name: '个人荣誉',
					// 	url: '../../model-worker/index?current=0',
					// 	icon: '/static/images/icon/staff/1.png'
					// },
					// {
					// 	name: '集体荣誉',
					// 	url: '../../model-worker/index?current=1',
					// 	icon: '/static/images/icon/staff/4.png'
					// },
					// {
					// 	name: '创新工作室',
					// 	url: '../../innovation-studio/index',
					// 	icon: '/static/images/icon/staff/3.png'
					// },
					// {
					// 	name: '民主管理',
					// 	url: '../../democratic-manage/index',
					// 	icon: '/static/images/icon/staff/4.png'
					// },
					// {
					// 	name: '技能强国',
					// 	url: '../../user-page/undeveloped-page?title=技能强国',
					// 	icon: '/static/images/icon/staff/5.png'
					// },
					// {
					// 	name: '主席信箱',
					// 	url: '../../publicity-education/mailbox/index',
					// 	icon: '/static/images/icon/staff/11.png'
					// }				
				],
				list2: [
					{
						name: '金秋助学',
						url: '../../assistance-center/assist-learning',
						icon: '/static/images/icon/staff/6.png'
					},
					{
						name: '大病救助',
						url: '../../assistance-center/major-illness-assistance',
						icon: '/static/images/icon/staff/7.png'
					},
					{
						name: '生育津贴',
						url: '../../assistance-center/maternity-allowance',
						icon: '/static/images/icon/staff/8.png'
					},
					{
						name: '结婚补助',
						url: '../../assistance-center/marriage-allowance',
						icon: '/static/images/icon/staff/9.png'
					},
					{
						name: '亲属去世慰问',
						url: '../../assistance-center/family-condolences',
						icon: '/static/images/icon/staff/10.png'
					},
					{
						name: '法律援助',
						url: '../../assistance-center/legal-aid',
						icon: '/static/images/icon/staff/11.png'
					}
				]
			}
		},
		onLoad() {
			this.getParams();
		},
		methods: {
			async getParams(){
				const result = await paramsApi.getStaffCenterList();
				this.list = result.data;
			},
		}
	}
</script>

<style lang="scss" scoped>
@import '@/uni.scss';
	
:deep(.u-grid-item) {
	padding: 50rpx 0 10rpx;
	
	.grid-text {
		padding-top: 10rpx;
		color: $uni-text-color;
	} 
}


</style>

